/* main elements */

/* reset */
* {
margin: 0;
padding: 0;
 font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 9pt;
  letter-spacing: 0.02em;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

body {
 height: 100px;
  min-height: 100px;
  width: 100%;
  position: relative;
  display: block;
  
  font-weight: 300;
 
  letter-spacing: 0.02em;
  line-height: 20px;
}
	
/* layout */

#wrapper {
width: 90%;

margin: 0 auto;
background-color: #fff;
/* curved border radius */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

/*header Start */
#header {
  height: 80px;
  min-height: 80px;
  width: 100%;
  position: relative;
  display: block;
/* curved border radius */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
 font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 200;
 letter-spacing: 0.00em;
  line-height: 44pt;
}


#header h1 {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 90px;
  bottom: 0;
  font-weight: 200;
  font-size: 42pt;
  color: #000000;
  letter-spacing: 0.00em;
  line-height: 44pt;
  white-space:nowrap;
}
#header h3 {
 position: absolute;

  font-weight: 200;
  font-size: 14pt;
  color: #000000;
  letter-spacing: 0.00em;
  line-height: 44pt;
  white-space:nowrap;
  left: 300px;
    top:5px;
}


#header h2 {
font-size: 12px;
position:relative;
left:85%;
margin-top:-40px;
position:absolute;
font-weight: bold;
text-decoration: none;
color: white;
  font-weight: 200;
  letter-spacing: 0.00em;
  line-height: 44pt;
}


.back-button {
  height: 32px;
  width: 32px;
  display: block;
  position:absolute;
  background-image: url();
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.back-button.big {
  height: 48px;
  width: 48px;
  left: 20px;
  top: 25px;
}
/*header End */

#main {

margin-top:10px;
margin-left:-10px;
color: #444;
font-size: 16px;
line-height: 1.2em;
width:100%;
background-color: #fff;

padding: 10px;

}


#footer {
background-color: #2D89EF;
margin-top:10px;

color: white;
font-size: 16px;
line-height: 1.2em;
/* curved border radius */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

padding: 10px;
}

#footer a {
    color: white;   
}

#footer .new {
	float:left;
}

/* basics */


#nav {
 background-color: #2d89ef;
  position: relative;
  top: 0;
  width: 100%;
  display: block;
  margin: 0;

  padding: 0;
  *zoom: 1;
}

#nav ul {
	list-style: none;
	padding: 0;

	height: 45px;
}

#nav ul ul {
	margin: 0; 
}

#nav ul li {
 display: block;
  float: left;

}

#nav ul li a {
  color: #ffffff;
  display: block;
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
 font-size: 12pt;
  letter-spacing: 0.01em;
  line-height: 14pt;
    padding: 13px 25px 16px;
	text-decoration: none;
}

#nav ul li a.has_submenu {
	padding-right: 10px;
}

#nav ul ul li a { 
	float: none; 
  background-color: #fff;
  margin-left: 0;
  list-style: none;
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  z-index: 11010;

  border: 1px solid rgba(0, 0, 0, 0.2);
 
  min-width: 100px;
  padding-bottom: 5px;
  padding-top: 5px;
  
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
 
  letter-spacing: 0.01em;
  line-height: 14pt;
  color: #000000;
  display: block;
  
  padding: 3px 10px;
  white-space: nowrap;
  font-size: 13px;
  cursor: pointer;
  
}

#nav ul li.selected li a { 
	text-decoration: none; 
	
	color: #ff6f39;
	border-bottom: 3px solid #ff6f39;
}

#nav ul li.selected a, #nav ul li.selected a:hover, #nav ul li.selected li.selected a, #nav ul li.selected li.selected a:hover  {
	
	font-weight: bold;
}

#nav ul ul a {
		
	
	border-bottom: 3px solid ;
}

 #nav ul li.sfHover a, #nav ul li a:hover {
		  background-color: #2d89ef !important;
  color: #ffffff !important;
	
}

#nav ul li.sfHover ul li a, #nav ul li.sfHover ul li a:hover {
	font-weight: normal;
}

#nav ul ul li a:hover {
	font-weight: normal;
	
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}

.sf-menu xxx{
    
  display: none;
    
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
	margin-top: 	10px;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			45px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


.quicklinks {
	clear:both; 
	padding-bottom: 15px
}
.quicklinks span {
	float: right;
}

table.navigation {
	border: 0px;
}

label {
	min-width:50px;
	width:19%;
	float:left;
	margin-left: 5px;
	margin-top: 0px;
}

.dojoxLegendText{
	min-width:150px;
	
}

input {
	height:20px;
}

input, textarea, select {
	border:1px solid #B3B3B3;
	
}

input.image {
	border: none;
	height: auto;
	vertical-align: middle;
}

.submit {
	height:25px;
	float:right;
}

div {
	text-align: left;
}

div .box {
	display:block;
	margin-left:105px;
}


/* text styles */


h1,h2,h3,h4,h5,h6 {
font-weight: bold;
clear: both;
}

.errors {
	color: red;
	font-weight: bold;
	display: block;
	margin-left: 105px;
}

a {
	text-decoration: underline;
	font-size: 12px;
}

a img {
	border: 0 none;
	vertical-align: middle;
}

tr:nth-child(odd) {
	background-color: #FFFFFF;
}

tr:nth-child(even) {
	background-color: #EFEFEF;
}
a,
.link {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  
  color: #2e92cf;
  text-decoration: none;
}
a:hover,
.link:hover {
  color: rgba(45, 173, 237, 0.8);
}
a:active,
.link:active {
  color: rgba(45, 173, 237, 0.6);
}
li {
	padding-top: 5px;
	text-align: left;
}

ul li {
	margin:0 0 0.25em 0;
	padding:0;
}
/* table elements */
table {
  width: 100%;
  border-collapse: separate;
  margin: 0 0 20px;
}
table thead tr th,
table thead tr td {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 5px;
  padding-top: 10px;
  padding-left: 5px;
  border-bottom: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-left: 1px transparent solid;
  border-top: 1px transparent solid;
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10pt;
  white-space: nowrap;
  letter-spacing: 0.1em;
  line-height: 11pt;
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
}
table thead tr th.right,
table thead tr td.right {
  text-align: right;
  padding-right: 10px;
}
table thead tr th.last,
table thead tr td.last {
  border-right: 1px transparent solid;
}
table thead tr th:last-child,
table thead tr td:last-child {
  border-right: 1px transparent solid;
}
table tbody tr {
  border: 1px #fff solid;
}
table tbody tr td {
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;

  letter-spacing: 0.02em;
  line-height: 20px;
  padding: 3px 10px;
  border-right: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  box-sizing: border-box;
}
table tbody tr td.right {
  text-align: right;
}
table tbody tr td.center {
  text-align: center;
}
table tbody tr td.last {
  border-right: 1px transparent solid;
}
table tbody tr td:last-child {
  border-right: 1px transparent solid;
}
table tbody tr.success {
  background-color: #00a300 !important;
}
table tbody tr.error {
  background-color: #b91d47 !important;
}
table tbody tr.warning {
  background-color: #e3a21a !important;
}
table tbody tr.info {
  background-color: #2d89ef !important;
}
table tbody tr.info td,
table tbody tr.warning td,
table tbody tr.error td,
table tbody tr.success td {
  color: #ffffff !important;
}
table tbody tr.selected-row {
  background-color: rgba(28, 183, 236, 0.1) !important;
}
table tbody tr.selected-row td:first-child {
  border-left: 1px #1c98cc solid;
}
table tbody tr.selected-row td:last-child {
  border-right: 1px #1c98cc solid;
}
table tbody tr.selected-row td {
  border-top: 1px #1c98cc solid;
  border-bottom: 1px #1c98cc solid;
}
table.striped tbody tr:nth-child(odd) {
  background-color: #f9f9f9;
}
table.hovered {
  border-collapse: separate !important;
}
table.hovered thead tr th:hover,
table.hovered thead tr td:hover {
  border: 1px #1c98cc solid;
  background: rgba(28, 183, 236, 0.1);
}
table.hovered tbody tr:hover {
  background-color: rgba(28, 183, 236, 0.1);
}
table.hovered tbody tr:hover td:first-child {
  border-left: 1px #1c98cc solid;
}
table.hovered tbody tr:hover td:last-child {
  border-right: 1px #1c98cc solid;
}
table.hovered tbody tr:hover td {
  border-top: 1px #1c98cc solid;
  border-bottom: 1px #1c98cc solid;
}
table.bordered {
  border-collapse: separate !important;
  border: 1px #ccc solid !important;
}
table.bordered tbody tr:last-child td {
  border-bottom: 0;
}

.subTable {
	margin-left:auto;
margin-right:auto;
	border: 0px solid #e0e7d3;
	width: 500px;
}

.utilbox {width: 18px;}

caption {
	caption-side: top;
	width: auto;
	text-align: left;
	font-size: 12px;
	color: #848f73;
	padding-bottom: 4px;
}

fieldset{
    float:left;
    min-height:140px;
    width:99%;

    border:1px solid black;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:5px;
    color:#707070;

    
}

#infoboxleft {
float: left;

width:30%;
}

#infoboxmid {
float: left;

width:30%;
margin-left: 20px;
}

#infoboxright {
float: left;

width:30%;
margin-left: 20px;
}

fieldset label {
	width: 70px;
	float: left;
	margin-top: 1.7em;
	margin-left: 20%;
}

fieldset textfield {
	margin: 3px;
	height: 20px;
	background: #e0e7d3;
}

fieldset textarea {
	margin: 3px;
	height: 165px;
	background: #e0e7d3;
}

fieldset input {
	margin: 3px;
	height: 20px;
	background: #e0e7d3;
}

fieldset table {
	width: 100%;
}

fieldset th {
	padding-left: 25px;
}

.table-buttons {
	background-color:#fff;
	border:none;
}

.table-buttons td {
	border:none;
}

.submit input {
	border: 1px solid #BBBBBB;
    background-color: #008287;
    color: #fff;
	padding:2px 7px;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	height:24px;
}

.updated {
	background:#ecf1e5;
	font-size:11px;
	margin-left:2px;
	border:4px solid #ecf1e5;
}

.updated td {
	padding:2px 8px;
	font-size:11px;
	color:#888888;
}

.dijitArrowButton {
	height: 20px;
}

.dijitTextArea{
	min-height:5.5em !important;
	max-height:22em !important;
	overflow-y: auto !important;
	min-width:600px;
}

.RichTextEditable{
	min-height:18em !important;
	max-height:18em !important;
}

.flag {
	height: 11px;
	width: 16px;
}


/*loading div */

#loading {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 5000px;
	background-color: #CCC;
	z-index:1001;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
	overflow:auto;
}

.loadCenterBackground{
    top: 35%;
     background-color: #2D89EF !important;
	 width:100%;
	 height:300px;
	  display:block;  position:fixed;

}

#loadcenter {
	 display:block;  position:fixed;
	color:white;
	font-size:11pt;
	top: 52%;
	left: 37%;
}
	
	
.input[type="image"], a img, input.image, .image{
 
	padding: 2px 2px 2px 2px;
	border: 2px #d9d9d9 solid;
	border-radius: 100%; 
	z-index: 2;   
}

.image:hover,  a img:hover,  input[type="image"]:hover{
    background-color:gray;
	padding: 2px 2px 2px 2px;
	border: 2px #d9d9d9 solid;
	border-radius: 100%; 
	z-index: 2;   
}

#sliders {
	
	float:right;
}


/* MAIN PAGE CSS*/
.topMainTextLeft{
	position:absolute;
	left:10%;
	top:19px;
	font-weight: 300; 
	 font-size: 29pt;  
	 letter-spacing: 0.02em;
	 color: white;
}

.topMainTextRight{
		position:absolute;
	right:6%;
	top:30px;
	font-weight: 300; 
	 font-size: 20pt;  
	 letter-spacing: 0.02em;
	 color: white;
}

.btMain{
	height: 48px;
width: 48px;
position:relative;
  background-image: url();
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

	
}
.titleMain{
	position:relative;
	left: 70px;
	top: -7px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	bottom: 0;
	font-weight: 200;
	font-size: 42pt;
	color: #000000;
	letter-spacing: 0.00em;
	line-height: 44pt;
	text-align:center;
}
.titleMainSub{
		margin: 0;
	padding: 0;
	white-space: nowrap;
	bottom: 0;
	font-weight: 200;
	font-size: 20pt;
	color: #000000;
	letter-spacing: 0.00em;
	line-height: 44pt;
	text-align:center
	
}

.image_carousel {
	padding: 15px 0 5px 21px;
	position: relative;
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}
a.prev, a.next {
	background: url(../../images/buttons.png);
	width: 42px;
	height: 50px;
	display: block;
	position: absolute;
	top: 85px;
}
a.prev {			left: -15px;
					background-position: 0 0; 			top: 85px;}
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
a.next {			right: -18px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
.pagination {
	text-align: center;
}
.pagination a {
	background: url(../../images/buttons.png) 0 -300px no-repeat transparent;
	width: 16px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}


.spanFull{
    width:100%;   
}
.tJustify{
	text-align: justify; 
}

.tCenter {
	text-align: center; 
}

.pBold{
	font-weight: bold; 
	font-size: 13pt;	
}
.pNormal{
	font-size: 13pt;
}
.span1{
    padding:10px 10px 10px 10px;
    width:95%;
    height:260px;
	border:2px solid;
	font-size: 13pt;

}
.noBorder, .noBorder:hover{
	border:0px;
	background-color: #eff4ff;
}

.bg-color-lightGray{
    background-color: #f1f1f1 !important;
}

.bg-color-blue {
  background-color: #2d89ef !important;
}
.bg-color-blueLight {
  background-color: #eff4ff !important;
}
.bg-color-blueDark {
  background-color: #2b5797 !important;
}
.bg-color-green {
  background-color: #00a300 !important;
}
.bg-color-greenLight {
  background-color: #99b433 !important;
}
.bg-color-greenDark {
  background-color: #1e7145 !important;
}
.bg-color-red {
  background-color: #b91d47 !important;
}
.bg-color-yellow {
  background-color: #ffc40d !important;
}
.bg-color-orange {
  background-color: #e3a21a !important;
}
.bg-color-orangeDark {
  background-color: #da532c !important;
}
.bg-color-pink {
  background-color: #9f00a7 !important;
}
.bg-color-pinkDark {
  background-color: #7e3878 !important;
}
.bg-color-purple {
  background-color: #603cba !important;
}
.bg-color-darken {
  background-color: #1d1d1d !important;
}
.bg-color-lighten {
  background-color: #d5e7ec !important;
}
.bg-color-white {
  background-color: #ffffff !important;
}
.bg-color-grayDark {
  background-color: #525252 !important;
}

.fg-color-red {
  color: #b91d47 !important;
}